import {Navigate , useRoutes} from 'react-router-dom'

import Login from '../components/Login'
import Main from '../components/Main'
import NotFound from '../components/NotFound'
import Home from '../components/Main/Home'
import About from '../components/Main/About'
import Music from '../components/Main/Home/Music'
import News from '../components/Main/Home/News'


export const routes = [
    {
        path: "/login",
        element: <Login/>
    },
    {
        path: "/main",
        element: <Main/>,
        children:[
            {
                path: "/main/home",
                element: <Home/>,
                children: [
                    {
                        path: "/main/home/music",
                        element: <Music/>
                    },
                    {
                        path: "/main/home/news",
                        element: <News/>
                    }
                ]  
            },
            {
                path: "/main/about",
                element: <About/>,  
            },
        ] 
    },
    {
        path: "/",
        element: <Navigate to="/login"/>
    },
    {
        path: "*",
        element: <NotFound/>
    },
]

export const GetRoutes = () => {
    return useRoutes(routes)
}

